/*
 * @Description: 表格配置
 * @Author: oscar
 * @Date: 2021-12-17 11:09:30
 */

// 搜索配置参数
export const searchColumns = [
  {
    label: '姓名',
    prop: 'name',
    clearable: true,
    placeholder: "请输入姓名"
  },
  {
    label: '企业',
    prop: 'qid',
    clearable: true,
    placeholder: "请选择企业",
    isSelect: true,
    options: []
  },
  {
    label: '状态',
    prop: 'enable',
    clearable: true,
    placeholder: "请选择",
    isSelect: true,
    options: [
      { name: '启用', id: 1 },
      { name: '禁用', id: 0 }
    ]
  }
]

export const tableColumns = [
  {
    prop: 'id',
    label: 'ID',
    width: 100
  },
  {   // 图片预览
    prop: 'avatar',
    label: '头像',
    width: 120,
    avatar: 40, // 设置该项表示预览图片
    expandFunc: true // 是否有扩展功能，启用表格列插槽
  },
  {
    prop: 'name',
    label: '姓名',
    width: 'auto',
    overflow: true
  },
  {
    prop: 'company_name',
    label: '企业',
    width: 'auto',
    overflow: true
  },
  {
    prop: 'shop_name',
    label: '店铺',
    width: 'auto',
    overflow: true
  },
  // {
  //     prop: 'mobile',
  //     label: '电话',
  //     width: 150,
  //     overflow: true
  // },
  // {   // 场景： 后端字段是json字符串，需要前端解析其中某个字段
  //     prop: 'jsonStr',
  //     label: 'json解析',
  //     width: 150,
  //     overflow: true,
  //     expandFunc: true,
  //     isMultiCell: true,
  //     render: (scope) => {
  //         if (JSON.stringify(scope.row) !== '{}') {
  //             return JSON.parse(scope.row.jsonStr).json;
  //         }
  //         return "--";
  //     }
  // },
  {   // 场景： 后端字段是数字0或1, 前端需要自己将数字转成汉字 比如0 待审核 1 已审核
    prop: 'enable',
    label: '状态',
    width: 150,
    overflow: true,
    expandFunc: true,
    isMultiCell: true,
    render: (scope) => {
      let enable = scope.row.enable;
      if (enable === 0) {
        return '<span class="c-error">禁用</span>';
      } else if (enable === 1) {
        return '<span class="c-success">启用</span>';
      }
      return "--";
    }
  },
  {
    prop: 'create_time',
    label: '添加日期',
    width: 175,
    overflow: true
  }
];

export const tableOptions = {
  canCheck: false, // 是否可选择
  hasIndex: false, // 是否有序号
  checkFixed: 'left', // 选择固定位置
  indexFixed: 'left', // 表序号固定位置
  opW: 150,// 操作栏宽度
  // autoRequest: true, // 自动请求
  // startUpdate: Date.now()
};

